<template>
  <div class="main">


  </div>
</template>

<script>


export default {
  name: 'Index',
  components: {

  },
   watch: {

  },
  data() {
    return {}
  },
   created() {

      var that=this;


  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>

.main {
  width: 100%;
  height: 93vh; // 保证全屏显示
  background: url("../assets/image/login_left_tree.jpg") no-repeat center center;
  background-size: cover; // 背景铺满

}
.main::before {
  content: "";
  position: absolute;
  inset: 0;  // 等于 top/right/bottom/left:0;
  background: rgba(255, 255, 255, 0.7); // 半透明层，可调透明度
  /*backdrop-filter: blur(10px); // 模糊程度*/
  -webkit-backdrop-filter: blur(10px); // 兼容 Safari
  z-index: 1;
}

/* 让内容在模糊层之上 */
.main > * {
  position: relative;
  z-index: 2;
}
</style>
